<script setup>
import { ref } from 'vue'

const activeIndex = ref('/')
</script>
<template>
    <el-menu :default-active="activeIndex" mode="horizontal" :ellipsis="false" :router=true>
        <el-menu-item index="0">
            <img style="width: 100px" src="/images/element-plus-logo.svg" alt="Element logo" />
        </el-menu-item>
        <el-menu-item index="/">Vue学习</el-menu-item>
        <el-menu-item index="/about-us">关于我</el-menu-item>
    </el-menu>
</template>
<style lang="less" scoped>
.el-menu--horizontal>.el-menu-item:nth-child(1) {
    margin-right: auto;
}
</style>